<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>A17公寓平面图</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Save for Web Styles (A17一层.psd) -->
<link href="css/A17_cut_01.css" rel="stylesheet" type="text/css" />
<!-- End Save for Web Styles -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.query.js"></script>
<script type="text/javascript" src="js/adminShowRoom.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//通过url地址获取层数的参数
		var url = parent.window.location.href;
		var floor = $.query.load(url).get("f");
		$("div[id*='A17-L']").each(function() {
			var room = $(this);
			var id = room.attr("id");
			var patten = /^A17-L\d{2}-\d{2}$/;

			room.addClass(id);

			if (patten.test(id)) {
				room.attr("id","o_"+id);
				setRoomState(id, function(){
					showRoom(id);
				}, "black");
				room.click(function(){					
					showRoom(id);
				}); 				
			}
		});
		//获取该层的所有房间信息
		$.post("AjaxAction!getRoomInfo.action", {
			department : "A17",
			floor : floor
		}, function(data) {
			$(data).each(function(i) {
				var func = function(){
					showRoom(data[i].room_number);
				};
				if (data[i].total == data[i].current || data[i].chooseAble == 0) {
					setRoomState(data[i].room_number, func, "black");
				} else {
					if (data[i].gender_type == '0') { //男生房间用蓝色遮罩层
						setRoomState(data[i].room_number, func, "blue");
					} else { //女生房间用红色遮罩层表示
						setRoomState(data[i].room_number, func, "red");
					}
				}
			});
		}, "json");
	});
</script>
</head>
<body
	style="background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
	<!-- Save for Web Slices (A17一层.psd) -->
	<div id="__01">
		<div id="chooseInfo">
			<p style="margin: 5px 0 0 30px">
				<span>当前房间：</span><span id="currentRoom">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>开放状态：</span><span id="roomState">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>房间类型：</span><span id="roomSex">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>空余床位：</span><span id="leftBed">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<button id="changeBt" disabled class="button"
					onclick="changeRoomState()">修改</button>
			</p>
		</div>
		<div id="bed" style="visibility: visible"></div>
		<div id="A17-L01">
			<img src="images/A17/01/A17-L01.gif" width="544" height="149" alt="">
		</div>
		<div id="A17-L01002">
			<img src="images/A17/01/A17-L01-02.gif" width="24" height="451"
				alt="">
		</div>
		<div id="A17-L01-01">
			<img src="images/A17/01/01.gif" width="88" height="207" alt="">
		</div>
		<div id="A17-L01004">
			<img src="images/A17/01/A17-L01-04.gif" width="318" height="136"
				alt="">
		</div>
		<div id="A17-L01-28">
			<img src="images/A17/01/28.gif" width="33" height="136" alt="">
		</div>
		<div id="A17-L01-27">
			<img src="images/A17/01/27.gif" width="47" height="119" alt="">
		</div>
		<div id="A17-L01007">
			<img src="images/A17/01/A17-L01-07.gif" width="34" height="451"
				alt="">
		</div>
		<div id="A17-L01008">
			<img src="images/A17/01/A17-L01-08.gif" width="13" height="332"
				alt="">
		</div>
		<div id="A17-L01-25">
			<img src="images/A17/01/25.gif" width="34" height="88" alt="">
		</div>
		<div id="A17-L01-04">
			<img src="images/A17/01/04.gif" width="33" height="71" alt="">
		</div>
		<div id="A17-L01-06">
			<img src="images/A17/01/06.gif" width="32" height="71" alt="">
		</div>
		<div id="A17-L01-10">
			<img src="images/A17/01/10.gif" width="71" height="71" alt="">
		</div>
		<div id="A17-L01013">
			<img src="images/A17/01/A17-L01-13.gif" width="45" height="315"
				alt="">
		</div>
		<div id="A17-L01-12">
			<img src="images/A17/01/12.gif" width="17" height="71" alt="">
		</div>
		<div id="A17-L01-13">
			<img src="images/A17/01/13.gif" width="23" height="71" alt="">
		</div>
		<div id="A17-L01-14">
			<img src="images/A17/01/14.gif" width="31" height="71" alt="">
		</div>
		<div id="A17-L01-18">
			<img src="images/A17/01/18.gif" width="34" height="71" alt="">
		</div>
		<div id="A17-L01-20">
			<img src="images/A17/01/20.gif" width="32" height="71" alt="">
		</div>
		<div id="A17-L01019">
			<img src="images/A17/01/A17-L01-19.gif" width="33" height="22" alt="">
		</div>
		<div id="A17-L01-26">
			<img src="images/A17/01/26.gif" width="33" height="34" alt="">
		</div>
		<div id="A17-L01021">
			<img src="images/A17/01/A17-L01-21.gif" width="33" height="44" alt="">
		</div>
		<div id="A17-L01022">
			<img src="images/A17/01/A17-L01-22.gif" width="224" height="29"
				alt="">
		</div>
		<div id="A17-L01023">
			<img src="images/A17/01/A17-L01-23.gif" width="137" height="29"
				alt="">
		</div>
		<div id="A17-L01024">
			<img src="images/A17/01/A17-L01-24.gif" width="34" height="244"
				alt="">
		</div>
		<div id="A17-L01025">
			<img src="images/A17/01/A17-L01-25.gif" width="40" height="215"
				alt="">
		</div>
		<div id="A17-L01-02">
			<img src="images/A17/01/02.gif" width="23" height="44" alt="">
		</div>
		<div id="A17-L01027">
			<img src="images/A17/01/A17-L01-27.gif" width="25" height="215"
				alt="">
		</div>
		<div id="A17-L01-03">
			<img src="images/A17/01/03.gif" width="17" height="72" alt="">
		</div>
		<div id="A17-L01-05">
			<img src="images/A17/01/05.gif" width="16" height="72" alt="">
		</div>
		<div id="A17-L01-07">
			<img src="images/A17/01/07.gif" width="16" height="72" alt="">
		</div>
		<div id="A17-L01-08">
			<img src="images/A17/01/08.gif" width="16" height="72" alt="">
		</div>
		<div id="A17-L01-09">
			<img src="images/A17/01/09.gif" width="17" height="72" alt="">
		</div>
		<div id="A17-L01-11">
			<img src="images/A17/01/11.gif" width="15" height="72" alt="">
		</div>
		<div id="A17-L01034">
			<img src="images/A17/01/A17-L01-34.gif" width="39" height="215"
				alt="">
		</div>
		<div id="A17-L01035">
			<img src="images/A17/01/A17-L01-35.gif" width="40" height="215"
				alt="">
		</div>
		<div id="A17-L01-15">
			<img src="images/A17/01/15.gif" width="15" height="72" alt="">
		</div>
		<div id="A17-L01-16">
			<img src="images/A17/01/16.gif" width="16" height="72" alt="">
		</div>
		<div id="A17-L01-17">
			<img src="images/A17/01/17.gif" width="17" height="72" alt="">
		</div>
		<div id="A17-L01-19">
			<img src="images/A17/01/19.gif" width="17" height="72" alt="">
		</div>
		<div id="A17-L01-21">
			<img src="images/A17/01/21.gif" width="15" height="72" alt="">
		</div>
		<div id="A17-L01-22">
			<img src="images/A17/01/22.gif" width="17" height="72" alt="">
		</div>
		<div id="A17-L01-23">
			<img src="images/A17/01/23.gif" width="16" height="72" alt="">
		</div>
		<div id="A17-L01-24">
			<img src="images/A17/01/24.gif" width="17" height="72" alt="">
		</div>
		<div id="A17-L01044">
			<img src="images/A17/01/A17-L01-44.gif" width="23" height="171"
				alt="">
		</div>
		<div id="A17-L01045">
			<img src="images/A17/01/A17-L01-45.gif" width="97" height="143"
				alt="">
		</div>
		<div id="A17-L01046">
			<img src="images/A17/01/A17-L01-46.gif" width="130" height="143"
				alt="">
		</div>
	</div>
	<!-- End Save for Web Slices -->
</body>
</html>